<template>
    <div>
      <!--<p class="title">初语2018春装新款裤子女韩版哈伦小脚九分裤宽松休闲裤女裤薄显瘦</p>
      <div class="blank"></div>
      <div class="block">领劵<span>满300减15优惠券；满400减50优惠券</span></div>
      <div class="blank"></div>
      <div class="block">促销<span>满两件包邮</span></div>
      <div class="blank"></div>
      <div class="block">活动<span>参加‘精品好礼无限送’活动</span></div>
      <div class="blank"></div>
      <div class="block">服务<span>极速退货；正品保证；极速退款</span></div>
      <div class="blank"></div>
      <div class="block">规格<span>请选择颜色，尺寸</span></div>
      <div class="blank"></div>
      <div class="block">参数<span>材质成分聚酯纤维</span></div>
      <div class="blank"></div>
      <div class="block">促销<span>满两件包邮</span></div>
      <div class="blank"></div>
      <div class="block">活动<span>参加‘精品好礼无限送’活动</span></div>
      <div class="blank"></div>
      <div class="block">服务<span>极速退货；正品保证；极速退款</span></div>
      <div class="blank"></div>
      <div class="block">规格<span>请选择颜色，尺寸</span></div>
      <div class="blank"></div>
      <div class="block">参数<span>材质成分聚酯纤维</span></div>
      <div class="blank"></div>-->
      <div v-for="(item,index) of list" :key="index">
        <div>{{item.title}}</div>
        <div class="erji" v-if="item.children">
          <DetailCenter :list="item.children"></DetailCenter>
        </div>
      </div>
      <div class="b-blank"></div>
    </div>
</template>

<script>
export default {
  name: 'DetailCenter',
  props: {
    list: Array
  }
}
</script>

<style lang='stylus' scoped>
.title
  padding 2% 4%
  color #333
  font-size .3rem
.block
  padding 2% 4%
  color #C0C0C0
  span
    right 2%
    color #808080
    padding-left .4rem
.blank
  height .12rem
  width 100%
  background #f9f9f9
.b-blank
  height 5rem
.erji
  padding-left .4rem
</style>
